// less 混入

// // 1.演示混入
// .abc{
//     width: 100px;
//     height: 100px;
// }

// .box{
//     //选择器混入
//     .abc();
// }

// .abc2(){
//     // 这种情况不会被编译
//     width: 200px;
//     height: 200px;
// }

// .box2{
//     .abc2();
// }

// 鼠标经过上移阴影动画
.hoverShadow () {
    transition: all .5s;
    &:hover {
      transform: translate3d(0,-3px,0);
      box-shadow: 0 3px 8px rgba(0,0,0,0.2);
    }
  }